html,body{
  padding: 0;
  margin: 0;
  font-size: .32rem;
  font-family: "Microsoft YaHei","微软雅黑","SimSun","宋体";
}
body{
  background-color: #fff;
}
.header{
  position: relative;
}
.head-bg{
  display: block;
  width: 100%;
}
.logo-box{
  position: absolute;
  top: 1rem;
  width: 100%;
}
.logo-box p{
  text-align: center;
  font-size: .42rem;
  color: #fff;
  margin: .2rem 0;
}
.logo{
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  margin: 0 auto;
}
.slogan{
  padding: 1rem 0;
  margin: 0;
  text-align: center;
  color: #666;
  font-size: .38rem;
  /* text-shadow: 4px 4px 3px #999; */
}
.btn{
  display: block;
  text-decoration:none;
  outline: none;
  color: #fff;
  height: 1.1rem;
  line-height: 1.1rem;
  width: 5.55rem;
  margin: 0 auto;
  background-color: #2dcb7b;
  /* text-align: center; */
  font-size: .36rem;
  border-radius: .16rem;
  margin-bottom: .5rem;
}
.dev-pic{
  display: inline-block;
  vertical-align: middle;
  padding-left: 1.3rem;
  width: .6rem;
  height: .6rem;
  position: relative;
  top: -.05rem;
}
.teach{
  text-decoration:none;
  outline: none;
  color: #2dcb7b;
  text-align: center;
  display: block;
  font-size: .38rem;
}
.content{
  padding-bottom: 1rem;
}
.title{
  color: #fff;
  font-size: .36rem;
  font-weight: 600;
  display: flex;
  padding: .2rem;
}
.title div.s{
  width: 2.2rem;
}
.img{
  width: 6rem;
  display: block;
  margin: .3rem auto;
}
#log{
  background-color: #666;
  color: #ccc;
}
#log p{
  margin: 0;
  padding: .3rem;
}